* {
      margin: 0;
      padding: 0;
  }
  
  li {
      list-style-type: none;
  }
  
  a {
      text-decoration: none;
      color: black;
  }
  
  h1, h2, h3, h4, h5, h6 {
      font-weight: normal;
  }
  
  img {
      display: block;
      border: none;
  }
  
  body {
      font-family: "微软雅黑";
      font-size: 12px;
  }
  
  #waibu {
      width: 100%;
      background:#f4f4f4;
      box-sizing: border-box;
      border: 1px solid transparent;
  }
  
  #nav {
      width: 1380px;
      height: 54px;
      margin: 89px auto 0;
  }
  
  #nav>a {
      display: block;
      width:131px;
      height:23px;
      float: left;
  }
  #nav>h2{
      height:24px;
      line-height:24px;
      font-size:24px;
      float:left;
      margin-left:23px;
      color:#444444;
  }
  #nav>ul{
      float:right;
      
  }
  #nav>ul .li1{
      height:16px;
      line-height: 16px;
      font-size: 16px;
      float:left;
      padding-right:20px;
      border-right:1px solid #666666;
  }
  #nav>ul .li2{
      height:16px;
      line-height: 16px;
      font-size: 16px;
      float:left;
      padding-left: 20px;
  }
  #nav>ul>li a{
      color:#d36f16;
  }
  #register{
      width:1380px;
      height:76px;
      background: #ffe300;
      margin:0 auto;
      text-align: center;
  }
  #register>h2{
      height:76px;
      line-height: 76px;
      font-size: 24px;
  }  
  #container{
      width:1380px;
      margin:0 auto;
      background:white;
      border:1px solid transparent;
  } 
  
  
  .normal{
      color: #ddd;
  }
  .warn{
      color:orange;
  }
  .error{
      color: #f10;
  }
  .success{
      color: yellowgreen;
  }
  .input-box{
      margin: 30px auto 0;
      width:400px;
      height:75px;
  }
  #inputBox{
      width: 398px;
      height:52px;
      border:1px solid black;    
  }
  #inputBox label{
      display: inline-block;
      height:52px;
      line-height:52px;
      margin-left:10px;
  }
  #inputBox input{
      border:none;
      height:50px;
      line-height: 50px;
      outline: none;
      margin-left:30px;
  }
  
  .input-box input.success{
      border: 5px solid yellowgreen;
  }
  
  .submit{
      margin: 30px auto 0;
      width:400px;
      height:75px;
      background:red;
      text-align:center;
  }
  .submit>a{
      display:block;
      width:100%;
      height:75px;
      line-height:75px;
      color:white;
      font-size:20px;
  }
  .submit:hover{
      opacity: 0.8;
  }
  
  #el{
      margin: 50px auto 0;
      width:400px;
      height:75px;
  }
  .box1{
      float:left;
      width:140px;
      height: 24px;
  }
  .box1 .i1{
      width:26px;
      height:26px;
      background:url(../images/reg-icon.png) no-repeat 0 -161px;
      float: left;
      margin-right:10px;
      
  }
  .box1>p{
      font-size: 16px;
      float: left;
      margin-top:3px;
     
  }
  .box2{
      float:right;
      width:136px;
      height: 24px;
  }
  .box2 .i2{
      width:26px;
      height:26px;
      background:url(../images/reg-icon.png) no-repeat -40px -161px;
      float: left;
      margin-left:10px;
  }
  .box2>p{
      font-size: 16px;
      float: left; 
      margin-top:3px;
  }
  #foot{
      width:100%;
      border-top:1px solid pink;
      margin-top:187px;
      height:110px;
  }
  #foot>ul{
      width:980px;
      height:12px;
      margin:40px auto 0;
  }
  #foot>ul>li{
      float:left;
      height:12px;
      line-height:12px;
      padding: 0 10px ;
      border-right:1px solid pink;
  }
  #foot>ul>li>a{
      font-size: 12px;
  }
  #foot>ul>li>a:hover{
      border-bottom:1px solid black;
  }